<template>
  <div class="app-container">
    <el-row>
      <el-col :span="12">

        <el-row>
          <el-col :span="12">
            <span>2020-01-01</span>
          </el-col>
          <el-col :span="12">
            <span style="float: right">2020-01-07</span>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="4">
            <el-button>Sun</el-button>
          </el-col>
          <el-col :span="4">
            <el-button>Mon</el-button>
          </el-col>
          <el-col :span="4">
            <el-button>Tue</el-button>
          </el-col>
          <el-col :span="4">
            <el-button>Tue</el-button>
          </el-col>
          <el-col :span="4">
            <el-button>Tue</el-button>
          </el-col>
          <el-col :span="4">
            <el-button>Tue</el-button>
          </el-col>
          <el-col :span="4">
            <el-button>Tue</el-button>
          </el-col>
        </el-row>
      </el-col>
      <el-col :span="12">
<!--        <div class="grid-content bg-purple-light">-->
<!--          <div>-->
<!--            <span>2020-01-08</span>-->
<!--            <span style="float: right">2020-01-14</span>-->
<!--          </div>-->
<!--          <div style="margin-top: 10px">-->
<!--            <el-button>Sun</el-button>-->
<!--            <el-button>Mon</el-button>-->
<!--            <el-button>Tue</el-button>-->
<!--            <el-button>Wed</el-button>-->
<!--            <el-button>Thu</el-button>-->
<!--            <el-button>Fri</el-button>-->
<!--            <el-button>Sat</el-button>-->
<!--          </div>-->
<!--        </div>-->
      </el-col>
    </el-row>


  </div>
</template>

<script>
export default {
  name: 'WorkSchedule2',
  components: { },
  data() {
    return {
    }
  },
  created() {
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
</style>

